﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta name="generator" content="JsDoc Toolkit" />
		
		 <script src="../../syntaxHighlighter/Scripts/shCore.js" type="text/javascript"></script>
        <script type="text/javascript" src="../../syntaxHighlighter/Scripts/shBrushCss.js"></script>
        <script type="text/javascript" src="../../syntaxHighlighter/Scripts/shBrushJScript.js"></script>
        <script type="text/javascript" src="../../syntaxHighlighter/Scripts/shBrushPhp.js"></script>  
        <script src="../../syntaxhighlighter/helper.js" type="text/javascript"></script>
        <link type="text/css" rel="stylesheet" href="../../syntaxHighlighter/styles/shCore.css"/>
        <link type="text/css" rel="stylesheet" href="../../syntaxHighlighter/styles/shThemeDefault.css"/>
		<title>API for jQuery LigerUI 1.0</title>

		<style type="text/css">
			/* default.css */
body
{
	font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; 
}

.header
{
	clear: both;
	background-color: #ccc;
	padding: 8px;
}
li{ line-height:17px;}
h1
{
	font-size: 150%;
	font-weight: bold;
	padding: 0;
	margin: 1em 0 0 .3em;
}

hr
{
	border: none 0;
	border-top: 1px solid #7F8FB1;
	height: 1px;
}

pre.code
{
	display: block;
	padding: 8px;
	border: 1px dashed #ccc;
}

#index
{
	margin-top: 24px;
	float: left;
	width: 160px;
	position: absolute;
	left: 8px;
	background-color: #F3F3F3;
	padding: 8px;
}

#content
{
	margin-left: 5px; 
}

.classList
{
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 8px;
	font-family: arial, sans-serif;
	font-size: 1em;
	overflow: auto;
}

.classList li
{
	padding: 0;
	margin: 0 0 8px 0;
}

.summaryTable { width: 100%; }

h1.classTitle
{
	font-size:170%;
	line-height:130%;
}

h2 { font-size: 110%; }
caption, div.sectionTitle
{
	background-color: #7F8FB1;
	color: #fff;
	font-size:130%;
	text-align: left;
	padding: 2px 6px 2px 6px;
	border: 1px #7F8FB1 solid;
}

div.sectionTitle { margin-bottom: 8px; }
.summaryTable thead { display: none; }

.summaryTable td
{
	vertical-align: top;
	padding: 4px;
	border-bottom: 1px #7F8FB1 solid;
	border-right: 1px #7F8FB1 solid;
}

/*col#summaryAttributes {}*/
.summaryTable td.attributes
{
	width: 140px;
	text-align: right;
}

td.attributes, .fixedFont
{
	line-height: 15px;
	color: #002EBE;
	font-family: "Courier New",Courier,monospace;
	font-size: 13px;
}

.summaryTable td.nameDescription
{
	text-align: left;
	font-size: 13px;
	line-height: 15px;
}
table.summaryTable
{border-left: 1px #7F8FB1 solid;
}
.summaryTable td.nameDescription, .description
{
	line-height: 15px;
	padding: 4px;
	padding-left: 4px;
}

.summaryTable { margin-bottom: 8px; }

ul.inheritsList
{
	list-style: square;
	margin-left: 20px;
	padding-left: 0;
}

.detailList {
	margin-left: 20px; 
	line-height: 15px;
}
.detailList dt { margin-left: 20px; }

.detailList .heading
{
	font-weight: bold;
	padding-bottom: 6px;
	margin-left: 0; font-size:13px;
}

.light, td.attributes, .light a:link, .light a:visited
{
	color: #777;
	font-style: italic;
}

.fineprint
{
	text-align:center;
	font-size: 10px;
}
.description ul,.l-params-row-cell ul
{
    list-style:none; padding:0; padding-left:14px; padding-right:5px;
}
.l-params-table
{
    border-bottom:1px solid #C1C1C1; border-right:1px solid #C1C1C1;
}
.l-params-table td
{border-left:1px solid #C1C1C1; border-top:1px solid #C1C1C1;
}
.l-params-hd-cell
{
    background:#DBDBDB;padding:8px; line-height:23px;
}
.l-cell-Function-parms
{
    border:1px dashed #C1C1C1; background:white;
}
.l-params-row-cell
{
    padding:8px;line-height:23px;
}
.l-params-hd-cell-name
{
}
.l-row-Function
{
    background:#f5f5f5;
}

.l-params-hd-cell-default
{width:100px;
}
.l-params-hd-cell-type
{
    
}
.l-params-hd-cell-desc
{
}
		</style>
	</head>

	<body>
<!-- ============================== header ================================= -->	
		<!-- begin static/header.html -->
		<div id="header">
</div>
		<!-- end static/header.html -->

<!-- ============================== classes index ============================ -->

		
		<div id="content">
<!-- ============================== class title ============================ -->


<!-- ============================== class summary ========================== -->			
			<p class="description">
				
				
			
				 
			</p>

<!-- ============================== constructor summary ==================== -->			
			

<!-- ============================== properties summary ===================== -->
			

<!-- ============================== methods summary ======================== -->
			
				 
				
			
<!-- ============================== events summary ======================== -->
			

<!-- ============================== constructor details ==================== -->		
			

<!-- ============================== field details ========================== -->		
			

<!-- ============================== method details ========================= -->		
			
				<div class="sectionTitle">
					插件方法详细
				</div>
				
					<a name="ligerGrid"> </a>
					<div class="fixedFont">
					
					<span class="light">{Object}</span>
					<b>ligerGrid</b>(p)
					
					</div> 
					<dl class="detailList">
						<dt class="heading">描述:</dt>
					<div class="description"><ul>
<li>1,支持本地数据和服务器数据(配置data或者url)</li>
<li>2,支持排序和分页(包括Javascript排序和分页)</li>
<li>3,支持列的“显示/隐藏”</li>
<li>4,支持明细行(表格内嵌)</li>
<li>5,支持汇总行</li>
<li>6,支持单元格模板</li>
<li>7,支持编辑表格(ligerGrid的一个特色,需要其他表单插件的支持)</li>
<li>8,支持树表格(待加入)</li>
<li>8,支持分组(待加入)</li>
</ul></div>
					</dl>
					
					<dl class="detailList">
							<dt class="heading">例子:</dt>
					
					<pre class="brush: javascript;">
<div id="maingrid4" style="margin:0; padding:0"></div></pre>
					</dl>
					
					<pre class="brush: javascript;">
$("#maingrid4").ligerGrid({
                checkbox: true,
                columns: [
                { display: '主键', name: 'CustomerID', align: 'left', width: 120 },
                { display: '公司名', name: 'CompanyName', minWidth: 60 },
                { display: '联系名', name: 'ContactName', width: 50,align:'left' }, 
                { display: '联系名', name: 'ContactName', minWidth: 140 },
                 { display: '联系名', name: 'ContactName', minWidth: 140 }, 
                 { display: '联系名', name: 'ContactName', minWidth: 140 }, 
                 { display: '联系名', name: 'ContactName', minWidth: 140 },
                { display: '城市', name: 'City' }
                ], dataAction: 'server',pageSize:30,
                url: "../../service/NwindDataHandler.ashx?View=Customers", sortName: 'CustomerID', 
                width: '100%',height:'100%'
            });</pre>
					</dl>
					
					<pre class="brush: javascript;">
var grid;
        $(function ()
        {
            grid = $("#maingrid4").ligerGrid({
                checkbox: true,
                columns: [
                { display: '主键', name: 'CustomerID', align: 'left', width: 120 },
                { display: '公司名', name: 'CompanyName', minWidth: 60 },
                { display: '联系名', name: 'ContactName', width: 50, align: 'left' }, 
                { display: '城市', name: 'City' }
                ], dataAction: 'server', pageSize: 30,
                url: "../../service/NwindDataHandler.ashx?View=Customers", sortName: 'CustomerID',
                width: '100%', height: '100%',
                onCheckRow: function (checked,data,rowobj,rowindex)
                {
                    checked && $.ligerDialog.alert('选择的是'+data.CustomerID);
                }
            }); 
            $("#pageloading").hide();
        });
        function getCheckedData()
        {
            var rows = grid.getCheckedRows();
            var str = "";
            $(rows).each(function ()
            {
                str += this.CustomerID + ",";
            });
            $.ligerDialog.alert('选择的是' + str);
        }</pre>
					</dl>
					
					<pre class="brush: javascript;">
var jsonObj = {};
            jsonObj.Rows = [
                { id: 3, name: "林三", sex: "男", birthday: "1989-01-12" },
                { id: 43, name: "陈丽", sex: "女", birthday: "1989-01-12" },
                { id: 33, name: "啊三", sex: "男", birthday: "1981-12-12" },
                { id: 34, name: "表三", sex: "男", birthday: "1983-01-12" },
                { id: 43, name: "陈丽", sex: "女", birthday: "1989-01-12" },
                { id: 33, name: "成三", sex: "男", birthday: "1989-11-23" },
                { id: 34, name: "都三", sex: "女", birthday: "1989-04-12" },
                { id: 324, name: "鄂三", sex: "男", birthday: "1999-05-15" },
                { id: 344, name: "林三", sex: "男", birthday: "1969-02-21" },
                { id: 1, name: "王开", sex: "男", birthday: "1989-01-12" }
            ];
            $("#maingrid").ligerGrid({
                columns: [
                { display: '', width: 30, isAllowHide: false, name: 'checkbox', isSort: false,
                    render: function (row)
                    {
                        var html = '<input type ="checkbox" rowid ="' + row.id + '">';
                        return html;
                    },
                    headerRender: function (column)
                    {
                        var html = '<input type ="checkbox" onclick="selectAll(this)">';
                        return html;
                    }
                },
                { display: '主键', name: 'id', width: 50, type: 'int' },
                { display: '名字', name: 'name', width: 50 },
                { display: '性别', name: 'sex', width: 50, isSort: false
                },
                { display: '生日', name: 'birthday', type: 'date', width: 100 },
                {
                    display: '模板列', isAllowHide: false,
                    render: function (row)
                    {
                        var html = '<a href="#" onclick="onedit(' + row.id + ')">编辑</a>';
                        return html;
                    }
                }
                ],width:'100%',
                data: jsonObj,
                url: "../Default.aspx", pkName: 'id',
                pageSizeOptions: [5, 10, 15, 20],
                onAfterShowData: function (grid)
                {
                    if ($.fn.ligerCheckBox)
                        $(".l-grid-body input:checkbox,.l-grid-hd-cell input:checkbox", grid).ligerCheckBox({ css: { marginTop: 3} })
                }
            });</pre>
					</dl>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">参数列表:</dt>
							
							<table class='l-params-table' cellpadding="0" cellspacing="0">
								<tr>
								<td class='l-params-hd-cell l-params-hd-cell-name'>参数名</td>
								<td class='l-params-hd-cell l-params-hd-cell-type'>类型</td> 
								<td class='l-params-hd-cell l-params-hd-cell-desc'>描述</td>
								<td class='l-params-hd-cell l-params-hd-cell-default'>默认值</td>
								</tr>
							
								<tr class = 'l-row-Object'>
								<td class='l-params-row-cell'>p</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Object}</span> </td> 
								<td class='l-params-row-cell'>主要参数</td>
								<td class='l-params-row-cell'></td>
								</tr>
								
								<tr class = 'l-row-String|Int'>
								<td class='l-params-row-cell'>p.width</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{String|Int}</span> </td> 
								<td class='l-params-row-cell'>宽度值,支持百分比</td>
								<td class='l-params-row-cell'> 'auto'</td>
								</tr>
								
								<tr class = 'l-row-String|Int'>
								<td class='l-params-row-cell'>p.height</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{String|Int}</span> </td> 
								<td class='l-params-row-cell'>高度值,支持百分比</td>
								<td class='l-params-row-cell'> 'auto'</td>
								</tr>
								
								<tr class = 'l-row-Int'>
								<td class='l-params-row-cell'>p.columnWidth</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Int}</span> </td> 
								<td class='l-params-row-cell'>默认列宽度</td>
								<td class='l-params-row-cell'> 120</td>
								</tr>
								
								<tr class = 'l-row-String'>
								<td class='l-params-row-cell'>p.resizable</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{String}</span> </td> 
								<td class='l-params-row-cell'>table是否可伸缩(暂不支持)</td>
								<td class='l-params-row-cell'> false</td>
								</tr>
								
								<tr class = 'l-row-String'>
								<td class='l-params-row-cell'>p.url</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{String}</span> </td> 
								<td class='l-params-row-cell'>ajax url</td>
								<td class='l-params-row-cell'> false</td>
								</tr>
								
								<tr class = 'l-row-String'>
								<td class='l-params-row-cell'>p.usePager</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{String}</span> </td> 
								<td class='l-params-row-cell'>是否分页</td>
								<td class='l-params-row-cell'> true</td>
								</tr>
								
								<tr class = 'l-row-Int'>
								<td class='l-params-row-cell'>p.page</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Int}</span> </td> 
								<td class='l-params-row-cell'>默认当前页</td>
								<td class='l-params-row-cell'> 1</td>
								</tr>
								
								<tr class = 'l-row-Int'>
								<td class='l-params-row-cell'>p.total</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Int}</span> </td> 
								<td class='l-params-row-cell'>总页面数</td>
								<td class='l-params-row-cell'> 1</td>
								</tr>
								
								<tr class = 'l-row-Int'>
								<td class='l-params-row-cell'>p.pageSize</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Int}</span> </td> 
								<td class='l-params-row-cell'>每页默认的结果数</td>
								<td class='l-params-row-cell'> 10</td>
								</tr>
								
								<tr class = 'l-row-Array'>
								<td class='l-params-row-cell'>p.pageSizeOptions</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Array}</span> </td> 
								<td class='l-params-row-cell'>可选择设定的每页结果数</td>
								<td class='l-params-row-cell'> [10, 20, 30, 40, 50]</td>
								</tr>
								
								<tr class = 'l-row-Array'>
								<td class='l-params-row-cell'>p.columns</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Array}</span> </td> 
								<td class='l-params-row-cell'>数据源</td>
								<td class='l-params-row-cell'> []</td>
								</tr>
								
								<tr class = 'l-row-String'>
								<td class='l-params-row-cell'>p.columns[i].name</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{String}</span> </td> 
								<td class='l-params-row-cell'>表格列名</td>
								<td class='l-params-row-cell'></td>
								</tr>
								
								<tr class = 'l-row-Object'>
								<td class='l-params-row-cell'>p.columns[i].totalSummary</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Object}</span> </td> 
								<td class='l-params-row-cell'>汇总</td>
								<td class='l-params-row-cell'></td>
								</tr>
								
								<tr class = 'l-row-String'>
								<td class='l-params-row-cell'>p.columns[i].totalSummary.align</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{String}</span> </td> 
								<td class='l-params-row-cell'>汇总对齐方式</td>
								<td class='l-params-row-cell'></td>
								</tr>
								
								<tr class = 'l-row-String'>
								<td class='l-params-row-cell'>p.columns[i].totalSummary.type</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{String}</span> </td> 
								<td class='l-params-row-cell'>汇总类型sum,max,min,avg ,count</td>
								<td class='l-params-row-cell'></td>
								</tr>
								
								<tr class = 'l-row-Function'>
								<td class='l-params-row-cell'>p.columns[i].totalSummary.render</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Function}</span> </td> 
								<td class='l-params-row-cell'>汇总渲染器，返回html加载到单元格
<ul class='l-cell-Function-parms'>
<li>参数1：汇总Object(包括sum,max,min,avg,count)</li> 
</ul></td>
								<td class='l-params-row-cell'></td>
								</tr>
								
								<tr class = 'l-row-String'>
								<td class='l-params-row-cell'>p.columns[i].display</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{String}</span> </td> 
								<td class='l-params-row-cell'>表格列标题</td>
								<td class='l-params-row-cell'></td>
								</tr>
								
								<tr class = 'l-row-Function'>
								<td class='l-params-row-cell'>p.columns[i].headerRender</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Function}</span> </td> 
								<td class='l-params-row-cell'>头部单元格渲染器
<ul class='l-cell-Function-parms'>
<li>参数1：column</li> 
</ul></td>
								<td class='l-params-row-cell'></td>
								</tr>
								
								<tr class = 'l-row-Bool'>
								<td class='l-params-row-cell'>p.columns[i].isAllowHide</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Bool}</span> </td> 
								<td class='l-params-row-cell'>是否允许隐藏</td>
								<td class='l-params-row-cell'>false</td>
								</tr>
								
								<tr class = 'l-row-Bool'>
								<td class='l-params-row-cell'>p.columns[i].isSort</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Bool}</span> </td> 
								<td class='l-params-row-cell'>是否允许排序</td>
								<td class='l-params-row-cell'>false</td>
								</tr>
								
								<tr class = 'l-row-String'>
								<td class='l-params-row-cell'>p.columns[i].type</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{String}</span> </td> 
								<td class='l-params-row-cell'>排序类型,包括string、int、float、date</td>
								<td class='l-params-row-cell'>"string"</td>
								</tr>
								
								<tr class = 'l-row-Int'>
								<td class='l-params-row-cell'>p.columns[i].width</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Int}</span> </td> 
								<td class='l-params-row-cell'>表格列宽度</td>
								<td class='l-params-row-cell'></td>
								</tr>
								
								<tr class = 'l-row-Int'>
								<td class='l-params-row-cell'>p.columns[i].minWidth</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Int}</span> </td> 
								<td class='l-params-row-cell'>表格列最小允许宽度(调整大小时将不允许小于这个值)</td>
								<td class='l-params-row-cell'></td>
								</tr>
								
								<tr class = 'l-row-String'>
								<td class='l-params-row-cell'>p.columns[i].format</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{String}</span> </td> 
								<td class='l-params-row-cell'>格式化</td>
								<td class='l-params-row-cell'></td>
								</tr>
								
								<tr class = 'l-row-String'>
								<td class='l-params-row-cell'>p.columns[i].align</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{String}</span> </td> 
								<td class='l-params-row-cell'>左右对齐,left、right、center</td>
								<td class='l-params-row-cell'></td>
								</tr>
								
								<tr class = 'l-row-Function'>
								<td class='l-params-row-cell'>p.columns[i].render</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Function}</span> </td> 
								<td class='l-params-row-cell'>单元格渲染器
<ul class='l-cell-Function-parms'>
<li>参数1：记录项(对应数据源的某一条记录)</li>
<li>参数2：当前行的索引</li>
</ul></td>
								<td class='l-params-row-cell'></td>
								</tr>
								
								<tr class = 'l-row-Object'>
								<td class='l-params-row-cell'>p.detail</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Object}</span> </td> 
								<td class='l-params-row-cell'>明细</td>
								<td class='l-params-row-cell'></td>
								</tr>
								
								<tr class = 'l-row-Function'>
								<td class='l-params-row-cell'>p.detail.onShowDetail</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Function}</span> </td> 
								<td class='l-params-row-cell'>明细函数
<ul class='l-cell-Function-parms'>
<li>参数1：row</li>
<li>参数2：detailPanel</li>
</ul></td>
								<td class='l-params-row-cell'></td>
								</tr>
								
								<tr class = 'l-row-Int'>
								<td class='l-params-row-cell'>p.minColToggle</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Int}</span> </td> 
								<td class='l-params-row-cell'>最小显示的列数目</td>
								<td class='l-params-row-cell'> 1</td>
								</tr>
								
								<tr class = 'l-row-String'>
								<td class='l-params-row-cell'>p.dataAction</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{String}</span> </td> 
								<td class='l-params-row-cell'>提交数据的方式：本地(local)或(server),选择本地方式时将在客服端分页、排序</td>
								<td class='l-params-row-cell'> 'server'</td>
								</tr>
								
								<tr class = 'l-row-Bool'>
								<td class='l-params-row-cell'>p.showTitle</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Bool}</span> </td> 
								<td class='l-params-row-cell'>是否包含标题</td>
								<td class='l-params-row-cell'> false</td>
								</tr>
								
								<tr class = 'l-row-Bool'>
								<td class='l-params-row-cell'>p.showTableToggleBtn</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Bool}</span> </td> 
								<td class='l-params-row-cell'>是否显示'显示隐藏Grid'按钮</td>
								<td class='l-params-row-cell'> false</td>
								</tr>
								
								<tr class = 'l-row-Bool'>
								<td class='l-params-row-cell'>p.switchPageSizeApplyComboBox</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Bool}</span> </td> 
								<td class='l-params-row-cell'>切换每页记录数是否应用ligerComboBox</td>
								<td class='l-params-row-cell'> true</td>
								</tr>
								
								<tr class = 'l-row-Bool'>
								<td class='l-params-row-cell'>p.allowAdjustColWidth</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Bool}</span> </td> 
								<td class='l-params-row-cell'>是否允许调整列宽</td>
								<td class='l-params-row-cell'> true</td>
								</tr>
								
								<tr class = 'l-row-Bool'>
								<td class='l-params-row-cell'>p.checkbox</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Bool}</span> </td> 
								<td class='l-params-row-cell'>是否显示复选框</td>
								<td class='l-params-row-cell'> false</td>
								</tr>
								
								<tr class = 'l-row-Bool'>
								<td class='l-params-row-cell'>p.showToggleColBtn</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Bool}</span> </td> 
								<td class='l-params-row-cell'>是否显示'切换列层'按钮</td>
								<td class='l-params-row-cell'> true</td>
								</tr>
								
								<tr class = 'l-row-Bool'>
								<td class='l-params-row-cell'>p.enabledEdit</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Bool}</span> </td> 
								<td class='l-params-row-cell'>是否允许编辑</td>
								<td class='l-params-row-cell'> false</td>
								</tr>
								
								<tr class = 'l-row-Bool'>
								<td class='l-params-row-cell'>p.InWindow</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Bool}</span> </td> 
								<td class='l-params-row-cell'>是否以窗口的高度为准 height设置为百分比时可用</td>
								<td class='l-params-row-cell'> true</td>
								</tr>
								
								<tr class = 'l-row-String'>
								<td class='l-params-row-cell'>p.statusName</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{String}</span> </td> 
								<td class='l-params-row-cell'>状态名</td>
								<td class='l-params-row-cell'> '__status'</td>
								</tr>
								
								<tr class = 'l-row-String'>
								<td class='l-params-row-cell'>p.method</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{String}</span> </td> 
								<td class='l-params-row-cell'>服务器提交方式</td>
								<td class='l-params-row-cell'> 'post'</td>
								</tr>
								
								<tr class = 'l-row-Bool'>
								<td class='l-params-row-cell'>p.fixedCellHeight</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Bool}</span> </td> 
								<td class='l-params-row-cell'>是否固定单元格的高度</td>
								<td class='l-params-row-cell'> true</td>
								</tr>
								
								<tr class = 'l-row-Int'>
								<td class='l-params-row-cell'>p.heightDiff</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Int}</span> </td> 
								<td class='l-params-row-cell'>高度补差,当设置height:100%时，可能会有高度的误差，可以通过这个属性调整</td>
								<td class='l-params-row-cell'> 0</td>
								</tr>
								
								<tr class = 'l-row-String'>
								<td class='l-params-row-cell'>p.cssClass</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{String}</span> </td> 
								<td class='l-params-row-cell'>附加给Grid的类名</td>
								<td class='l-params-row-cell'> null</td>
								</tr>
								
								<tr class = 'l-row-String'>
								<td class='l-params-row-cell'>p.dateFormat</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{String}</span> </td> 
								<td class='l-params-row-cell'>默认时间显示格式</td>
								<td class='l-params-row-cell'> 'yyyy-MM-dd'</td>
								</tr>
								
								<tr class = 'l-row-Function'>
								<td class='l-params-row-cell'>p.renderDate</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Function}</span> </td> 
								<td class='l-params-row-cell'>获取时间默认函数,可重载</td>
								<td class='l-params-row-cell'> function (value)<br>
{<br>
var da;<br>
if (!value) return null;<br>
if (typeof value == 'object')<br>
{<br>
return value;<br>
}<br>
if (value.indexOf('Date') > -1)<br>
{<br>
da = eval('new ' + value.replace('/', '', 'g').replace('/', '', 'g'));<br>
}<br>
else<br>
{<br>
da = eval('new Date("' + value + '");');<br>
}<br>
return da;<br>
}</td>
								</tr>
								
								<tr class = 'l-row-Function'>
								<td class='l-params-row-cell'>p.onDragCol</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Function}</span> </td> 
								<td class='l-params-row-cell'>拖动列事件</td>
								<td class='l-params-row-cell'> false</td>
								</tr>
								
								<tr class = 'l-row-Function'>
								<td class='l-params-row-cell'>p.onToggleCol</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Function}</span> </td> 
								<td class='l-params-row-cell'>切换列事件</td>
								<td class='l-params-row-cell'> false</td>
								</tr>
								
								<tr class = 'l-row-Function'>
								<td class='l-params-row-cell'>p.onChangeSort</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Function}</span> </td> 
								<td class='l-params-row-cell'>改变排序事件</td>
								<td class='l-params-row-cell'> false</td>
								</tr>
								
								<tr class = 'l-row-Function'>
								<td class='l-params-row-cell'>p.onSuccess</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Function}</span> </td> 
								<td class='l-params-row-cell'>成功事件</td>
								<td class='l-params-row-cell'> false</td>
								</tr>
								
								<tr class = 'l-row-Function'>
								<td class='l-params-row-cell'>p.onDblClickRow</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Function}</span> </td> 
								<td class='l-params-row-cell'>双击行事件
<ul class='l-cell-Function-parms'>
<li>参数1：Row Data</li> 
<li>参数2：Row Dom Element</li> 
<li>参数3：Row Index</li> 
</ul></td>
								<td class='l-params-row-cell'> null</td>
								</tr>
								
								<tr class = 'l-row-Function'>
								<td class='l-params-row-cell'>p.onSelectRow</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Function}</span> </td> 
								<td class='l-params-row-cell'>选择行事件
<ul class='l-cell-Function-parms'>
<li>参数1：Row Data</li> 
<li>参数2：Row Dom Element</li> 
<li>参数3：Row Index</li> 
</ul></td>
								<td class='l-params-row-cell'> null</td>
								</tr>
								
								<tr class = 'l-row-Function'>
								<td class='l-params-row-cell'>p.onUnSelectRow</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Function}</span> </td> 
								<td class='l-params-row-cell'>取消选择行事件
<ul class='l-cell-Function-parms'>
<li>参数1：Row Data</li> 
<li>参数2：Row Dom Element</li> 
<li>参数3：Row Index</li> 
</ul></td>
								<td class='l-params-row-cell'> null</td>
								</tr>
								
								<tr class = 'l-row-Function'>
								<td class='l-params-row-cell'>p.onBeforeCheckRow</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Function}</span> </td> 
								<td class='l-params-row-cell'>选择前事件，可以通过return false阻止操作(复选框)
<ul class='l-cell-Function-parms'>
<li>参数1：是否选中</li> 
<li>参数2：Row Data</li> 
<li>参数3：Row Dom Element</li> 
<li>参数4：Row Index</li> 
</ul></td>
								<td class='l-params-row-cell'> null</td>
								</tr>
								
								<tr class = 'l-row-Function'>
								<td class='l-params-row-cell'>p.onCheckRow</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Function}</span> </td> 
								<td class='l-params-row-cell'>选择事件(复选框) 
<ul class='l-cell-Function-parms'>
<li>参数1：是否选中</li> 
<li>参数2：Row Data</li> 
<li>参数3：Row Dom Element</li> 
<li>参数4：Row Index</li> 
</ul></td>
								<td class='l-params-row-cell'> null</td>
								</tr>
								
								<tr class = 'l-row-Function'>
								<td class='l-params-row-cell'>p.onBeforeCheckAllRow</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Function}</span> </td> 
								<td class='l-params-row-cell'>选择前事件，可以通过return false阻止操作(复选框 全选/全不选)
<ul class='l-cell-Function-parms'>
<li>参数1：是否选中</li>  
<li>参数2：Grid Dom Element</li> 
</ul></td>
								<td class='l-params-row-cell'> null</td>
								</tr>
								
								<tr class = 'l-row-Function'>
								<td class='l-params-row-cell'>p.onCheckAllRow</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Function}</span> </td> 
								<td class='l-params-row-cell'>选择事件(复选框 全选/全不选)
<ul class='l-cell-Function-parms'>
<li>参数1：是否选中</li>  
<li>参数2：Grid Dom Element</li> 
</ul></td>
								<td class='l-params-row-cell'> null</td>
								</tr>
								
								<tr class = 'l-row-Function'>
								<td class='l-params-row-cell'>p.onBeforeShowData</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Function}</span> </td> 
								<td class='l-params-row-cell'>显示数据前事件，可以通过reutrn false阻止操作
<ul class='l-cell-Function-parms'>
<li>参数1：Grid的Dom对象</li> 
</ul></td>
								<td class='l-params-row-cell'> false</td>
								</tr>
								
								<tr class = 'l-row-Function'>
								<td class='l-params-row-cell'>p.onAfterShowData</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Function}</span> </td> 
								<td class='l-params-row-cell'>显示完数据事件
<ul class='l-cell-Function-parms'>
<li>参数1：Grid的Dom对象</li> 
</ul></td>
								<td class='l-params-row-cell'> false</td>
								</tr>
								
								<tr class = 'l-row-Function'>
								<td class='l-params-row-cell'>p.onError</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Function}</span> </td> 
								<td class='l-params-row-cell'>错误事件</td>
								<td class='l-params-row-cell'> null</td>
								</tr>
								
								<tr class = 'l-row-Function'>
								<td class='l-params-row-cell'>p.onSubmit</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Function}</span> </td> 
								<td class='l-params-row-cell'>提交前事件</td>
								<td class='l-params-row-cell'> null</td>
								</tr>
								
								<tr class = 'l-row-String'>
								<td class='l-params-row-cell'>p.root</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{String}</span> </td> 
								<td class='l-params-row-cell'>数据源字段名</td>
								<td class='l-params-row-cell'> 'Rows'</td>
								</tr>
								
								<tr class = 'l-row-String'>
								<td class='l-params-row-cell'>p.record</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{String}</span> </td> 
								<td class='l-params-row-cell'>数据源记录数字段名</td>
								<td class='l-params-row-cell'> 'Total'</td>
								</tr>
								
								<tr class = 'l-row-String'>
								<td class='l-params-row-cell'>p.pageParmName</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{String}</span> </td> 
								<td class='l-params-row-cell'>页索引参数名，(提交给服务器)</td>
								<td class='l-params-row-cell'> 'page'</td>
								</tr>
								
								<tr class = 'l-row-String'>
								<td class='l-params-row-cell'>p.pagesizeParmName</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{String}</span> </td> 
								<td class='l-params-row-cell'>页记录数参数名，(提交给服务器)</td>
								<td class='l-params-row-cell'> 'pagesize'</td>
								</tr>
								
								<tr class = 'l-row-String'>
								<td class='l-params-row-cell'>p.sortnameParmName</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{String}</span> </td> 
								<td class='l-params-row-cell'>页排序列名(提交给服务器)</td>
								<td class='l-params-row-cell'> 'sortname'</td>
								</tr>
								
								<tr class = 'l-row-String'>
								<td class='l-params-row-cell'>p.sortorderParmName</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{String}</span> </td> 
								<td class='l-params-row-cell'>页排序方向(提交给服务器)</td>
								<td class='l-params-row-cell'> 'sortorder'</td>
								</tr>
								
								<tr class = 'l-row-Function'>
								<td class='l-params-row-cell'>p.onReload</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Function}</span> </td> 
								<td class='l-params-row-cell'>刷新事件，可以通过return false来阻止操作</td>
								<td class='l-params-row-cell'> null</td>
								</tr>
								
								<tr class = 'l-row-Function'>
								<td class='l-params-row-cell'>p.onToFirst</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Function}</span> </td> 
								<td class='l-params-row-cell'>第一页，可以通过return false来阻止操作</td>
								<td class='l-params-row-cell'> null</td>
								</tr>
								
								<tr class = 'l-row-Function'>
								<td class='l-params-row-cell'>p.onToPrev</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Function}</span> </td> 
								<td class='l-params-row-cell'>上一页，可以通过return false来阻止操作</td>
								<td class='l-params-row-cell'> null</td>
								</tr>
								
								<tr class = 'l-row-Function'>
								<td class='l-params-row-cell'>p.onToNext</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Function}</span> </td> 
								<td class='l-params-row-cell'>下一页，可以通过return false来阻止操作</td>
								<td class='l-params-row-cell'> null</td>
								</tr>
								
								<tr class = 'l-row-Function'>
								<td class='l-params-row-cell'>p.onToLast</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Function}</span> </td> 
								<td class='l-params-row-cell'>最后一页，可以通过return false来阻止操作</td>
								<td class='l-params-row-cell'> null</td>
								</tr>
								
								<tr class = 'l-row-Bool'>
								<td class='l-params-row-cell'>p.allowUnSelectRow</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Bool}</span> </td> 
								<td class='l-params-row-cell'>是否允许取消选择行</td>
								<td class='l-params-row-cell'> false</td>
								</tr>
								
								<tr class = 'l-row-Bool'>
								<td class='l-params-row-cell'>p.dblClickToEdit</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Bool}</span> </td> 
								<td class='l-params-row-cell'>是否双击的时候才编辑</td>
								<td class='l-params-row-cell'> false</td>
								</tr>
								
								<tr class = 'l-row-Bool'>
								<td class='l-params-row-cell'>p.alternatingRow</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Bool}</span> </td> 
								<td class='l-params-row-cell'>是否附加奇偶行效果行</td>
								<td class='l-params-row-cell'> false</td>
								</tr>
								
								<tr class = 'l-row-String'>
								<td class='l-params-row-cell'>p.mouseoverRowCssClass</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{String}</span> </td> 
								<td class='l-params-row-cell'>鼠标经过行时的样式</td>
								<td class='l-params-row-cell'> 'l-grid-row-over'</td>
								</tr>
								
								<tr class = 'l-row-Bool'>
								<td class='l-params-row-cell'>p.enabledSort</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Bool}</span> </td> 
								<td class='l-params-row-cell'>是否允许排序</td>
								<td class='l-params-row-cell'> true</td>
								</tr>
								
								<tr class = 'l-row-Function'>
								<td class='l-params-row-cell'>p.rowAttrRender</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Function}</span> </td> 
								<td class='l-params-row-cell'>行自定义属性渲染器(包括style，也可以定义)</td>
								<td class='l-params-row-cell'> null</td>
								</tr>
								
							</table>
							</dl>
						
						
						
						 
						
							<dl class="detailList">
							<dt class="heading">返回值:</dt>
							
								<dd><span class="light fixedFont">{Object}</span> ligerGrid Manager对象</dd>
							
							</dl>
						
						
						

					
				
			
			
<!-- ============================== event details ========================= -->		
			
			
			<hr />
		</div>

		
<!-- ============================== footer ================================= -->
		<div class="fineprint" style="clear:both">
			

			API for jQuery LigerUI 1.0(Documentation generated by JsDoc Toolkit)
		</div>
	</body>
</html>
